// 导入get和post方法
import { get, post } from "./api.js";
// 从localStorage中获取用户信息
let userinfo = JSON.parse(localStorage.getItem("userinfo"));
// 如果用户信息不存在，提示重新登录并跳转到首页
if (!userinfo) {
  layer.msg("请重新登陆");
  setTimeout(() => {
    location.href = "index.html";
  }, 1000);
}
// 发送请求获取用户信息
get("/users/info", { id: userinfo.id || "" }).then((res) => {
  let { user } = res.data;
  // 填充用户名和昵称到对应的输入框中
  $(".username").val(user.username);
  $(".nickname").val(user.nickname);
  $(".age").val(user.age);
  $(".gender").val(user.gender);
  // 为“确认修改”按钮添加点击事件监听器
  $("button").click(function (e) {
    e.preventDefault(); // 阻止表单默认提交行为

    // 收集表单数据
    var age = $(".age").val();
    var gender = $(".gender").val();
    var nickname = $(".nickname").val();

    // 创建一个包含所有数据的对象
    var formData = {
      id: user.id,
      age: age,
      gender: gender,
      nickname: nickname,
    };
     // 发送请求更新用户信息
    post("/users/update", formData).then((res) => {
      let { code, message } = res.data;
      if (code == 1) {
        layer.msg(message, { icon: 1 });
        // 更新成功后重新获取用户信息并存储到localStorage中
        get("/users/info", { id: userinfo.id }).then((res) => {
          let { user } = res.data;
          localStorage.setItem("userinfo", JSON.stringify(user));
        });
      } else {
        layer.msg(message, { icon: 0 }); // 提示错误信息
      }
    });
  });
});
